<!DOCTYPE HTML>
<html>
<head>
	<title>公告管理</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

	<!-- Bootstrap Core CSS -->
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

	<!-- Custom CSS -->
	<link href="css/style.css" rel='stylesheet' type='text/css' />

	<!-- font-awesome icons CSS -->
	<link href="css/font-awesome.css" rel="stylesheet">
	<link href='css/new-goods.css' media='all' rel='stylesheet' type='text/css'/>
	<!-- //font-awesome icons CSS -->

	<!-- side nav css file -->
	<link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
	<!-- side nav css file -->
	<link href='css/commodity.css' media='all' rel='stylesheet' type='text/css'/>

	<!-- js-->
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/modernizr.custom.js">
	</script>

	<!--webfonts-->
	<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
	<!--//webfonts-->

	<!-- Metis Menu -->
	<script src="js/metisMenu.min.js"></script>
	<script src="js/custom.js"></script>
	<link href="css/custom.css" rel="stylesheet">
	<!--//Metis Menu -->

	<!-- calendar -->
	<link rel="stylesheet" href="css/monthly.css">
	<!-- //calendar -->

</head>
<body class="cbp-spmenu-push">
<div class="main-content">
	<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
		<!--left-fixed -navigation-->
		<aside class="sidebar-left">
			<nav class="navbar navbar-inverse">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<h1><a class="navbar-brand" href="index.html"><span class="fa fa-pie-chart"></span>智能工程管理平台</a></h1>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="sidebar-menu">
						<li class="header">MAIN NAVIGATION</li>
						<li class="treeview">
							<a href="index.html">
								<i class="fa fa-dashboard"></i> <span>首 页</span>
							</a>
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-th"></i>
								<span>分类管理</span>
								<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="treeview-menu">
								<li><a href="classify.html"><i class="fa fa-angle-right"></i>材料分类</a></li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-laptop"></i>
								<span>材料管理</span>
								<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="treeview-menu">
								<li><a href="commodity.html"><i class="fa fa-angle-right"></i>材料列表</a></li>
								<li><a href="new-goods.html"><i class="fa fa-angle-right"></i>添加材料</a></li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-edit"></i>
								<span>项目管理</span>
								<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="treeview-menu">
                                <li><a href="Message.html"><i class="fa fa-angle-right"></i>进度报告</a></li>
                                <li><a href="Base.html"><i class="fa fa-angle-right"></i>检测报告</a></li>
                                <li><a href="Mountain.html"><i class="fa fa-angle-right"></i>员工考核</a></li>
                                <li><a href="media.html"><i class="fa fa-angle-right"></i>新增项目</a></li>
							</ul>
						</li>
						<li class="treeview">
							<a href="charts.html">
								<i class="fa fa-pie-chart"></i>
								<span>公告管理</span>

							</a>
						</li>
						<li class="treeview">
						<li class="treeview">
							<a href="#">
								<i class="fa fa-laptop"></i>
								<span>用户管理</span>
								<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="treeview-menu">
								<li><a href="user.html"><i class="fa fa-angle-right"></i>用户列表</a></li>
								<li><a href="new-user.html"><i class="fa fa-angle-right"></i>新增用户</a></li>
							</ul>
						</li>
						<li>
							<a href="literature.html">
								<i class="fa fa-th"></i> <span>施工规范</span>

							</a>
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-folder"></i> <span>仓库管理</span>
								<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="treeview-menu">
								<li><a href="tool.html"><i class="fa fa-angle-right"></i>工具管理</a></li><li><a href="vacation.html"><i class="fa fa-angle-right"></i>仓库统计</a></li>
							</ul>
						</li>
						<li class="treeview"> <a href="userStatistics.html"> <i class="fa fa-pie-chart"></i> <span>合格率统计</span> </a> </li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
		</aside>
	</div>
	<!--left-fixed -navigation-->

	<!-- header-starts -->
	<div class="sticky-header header-section ">
		<div class="header-left">

			<!--toggle button start-->
			<button id="showLeftPush"><i class="fa fa-bars"></i></button>
			<!--toggle button end-->
			<!--notification menu end -->
			<div class="clearfix"> </div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //header-ends -->
	<!-- main content start-->
	<div id="page-wrapper">
		<div class="main-page">
			<div class="palette">
				<span class="pull-left mar-r-5 mar-t-8"><i class="fa fa-th mar-r-5"></i>公告标题</span>
				<form action="#" method="post" >
					<input class="palette-input" type="text" id="name" required>
					<select id="projectLists" class="ui-select mar-r-5">
					</select>
					<button type="button"  class="pull-right btn btn-primary btn-flat btn-pri" onclick="queryLieratureList()"><i class="fa fa-search"></i>查询</button>
				</form>
			</div>
			<div class="elements">
				<div class="col-sm-12 w3-agileits-crd widgettable">
					<div class="card">
						<div class="card-body">
							<div class="agileinfo-cdr">

								<div class="card-header">
									<h3><span class="mar-t-8 line-height35">公告管理</span>
										<a href="addCharts.html"><button type="button"  class="pull-right btn btn-primary">新增公告</button></a>
									</h3>

								</div>
								<hr class="widget-separator">

								<div class="widget-body">
									<table id="literatureTable" class="table table-bordered" >

									</table>
									<ul id="queryList" class="pagination pagination-lg">
									</ul>
								</div>
								<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
									<div class="modal-dialog-a" role="document">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
												<h4 class="modal-title" id="exampleModalLabel">公告详情</h4>
											</div>
											<div class="modal-body">
												<form id="uploadPic" enctype="multipart/form-data" class="form-horizontal">
													<div class="form-group">
														<label for="focusedinput" class="col-sm-2 control-label">公告标题：</label>
														<div class="col-sm-3">
															<input type="text" class="form-control1" id="noticeTitle" placeholder="请输入标题" disabled>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">项目名称：</label>
														<div class="col-sm-3">
															<select id="projectList" class="palette-input" type="text" required disabled></select>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label" style="color: green;">已读成员：</label>
														<div id="readUsers" class="col-sm-2 control-label" disabled>
														</div>

													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label" style="color: red;">未读成员：</label>
														<div id="notReadUsers" class="col-sm-2 control-label" disabled>
														</div>

													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">公告图片：</label>
														<div class="col-sm-8">
															<div class="img-box full">
																<section class=" img-section">
																	<p class="up-p">注：<span class="up-span">最多可以上传5张图片，马上上传</span></p>
																	<div id="lunbo" class="z_photo upimg-div clear" disabled>
																		<section class="z_file fl" disabled>
																		</section>
																	</div>
																</section>
															</div>
														</div>
														<div class="col-sm-5" style="margin-left:270px;">
															<div class="checkbox-inline1 padding-15">支持jpg、rgb、png格式</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">公告内容：</label>
														<div class="col-sm-3">
															<textarea class="form-control1" id="noticeContent" style="width: 538px;height: 100px" disabled></textarea>
														</div>
													</div>
												</form>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" onclick="updateLiterature()">确认</button>
												<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--photoday-section-->
				<div class="clearfix"></div>

				<!--//photoday-section-->


			</div>
		</div>
	</div>
	<!--footer-->
	<div class="footer">
		<p>敦化市建筑安装有限公司</p>
	</div>
	<!--//footer-->
</div>

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
	$('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
	var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
			showLeftPush = document.getElementById( 'showLeftPush' ),
			body = document.body;

	showLeftPush.onclick = function() {
		classie.toggle( this, 'active' );
		classie.toggle( body, 'cbp-spmenu-push-toright' );
		classie.toggle( menuLeft, 'cbp-spmenu-open' );
		disableOther( 'showLeftPush' );
	};

	function disableOther( button ) {
		if( button !== 'showLeftPush' ) {
			classie.toggle( showLeftPush, 'disabled' );
		}
	}
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<script src="js/factory/config.js"></script>
<script src="js/factory/charts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"> </script>

</body>
</html>